<template>
  <div>
    <h4>{{ reverseMessage }}</h4>
    <h4>{{ reverseMessage }}</h4>
    <h4>{{ reverseMessage }}</h4>
    <h4>{{ reverseMessage }}</h4>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: '在这么冷的天，你离我那么远，再靠近我一点，可是雪飘进双眼',
    }
  },
  methods: {
    reverseMsg() {
      console.log('我被调用了')

      return this.msg.split('').reverse().join('')
    },
  },

  computed: {
    reverseMessage() {
      console.log('我被调用了')

      return this.msg.split('').reverse().join('')
    },
  },
}
</script>

<style scoped lang="less"></style>
